<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title>个人中心</title>
		<link href="font-awesome-4.7.0/css/font-awesome.css" rel="stylesheet" />
		<link href="css/center.css" rel="stylesheet" />
	</head>

	<body>
		<header>
			<div>
				<a href="#" class="fa fa-cog"></a>
				<a href="#" class="fa fa-envelope-o"></a>
				<div class=" red_center"></div>
			</div>
			<div class="touxiang">
				<div><img src="images/book.png" width="" height="" /></div><span>Cloudy丶</span><span>金币:50</span></div>
		</header>
		<section>
			<div>
				<ul>
					<li class="bottom">
						<a href="#"><img src="images/rmb.png" />我的金币<i class="fa fa-angle-right"></i></a>
					</li>
					<li class="bottom">
						<a href="#"><img src="images/diamonds.png" />我的VIP<i class="fa fa-angle-right"></i></a>
					</li>
					<li>
						<a href="#"><img src="images/boxes.png" />任务中心<i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</div>
		</section>
		<section>
			<div>
				<ul>
					<li class="bottom">
						<a href="#"><img src="images/word.png" />我的书单<i class="fa fa-angle-right"></i></a>
					</li>
					<li>
						<a href="#"><img src="images/love.png" />我的收藏<i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</div>
		</section>
		<section class="center_bottom">
			<div>
				<ul>
					<li class="bottom">
						<a href="#"><img src="images/book-1.png" />我的阅历<i class="fa fa-angle-right"></i></a>
					</li>
					<li>
						<a href="#"><img src="images/pen.png" />我的笔记<i class="fa fa-angle-right"></i></a>
					</li>
				</ul>
			</div>
		</section>
		<footer>
			<ul>
				<li>
					<a href="#"><img src="images/star.png" /><span>精选</span></a>
				</li>
				<li>
					<a href="#"><img src="images/squares.png" /><span>书库</span></a>
				</li>
				<li>
					<a href="#"><img src="images/book-2.png" /><span>书架</span></a>
				</li>
				<li>
					<a href="#"><img src="images/personal.png" /><span>我的</span></a>
				</li>
			</ul>
		</footer>
	</body>

</html>